<!DOCTYPE html>
<html>
	<head>
		<title>Feather</title>
		<link rel="stylesheet" href="style.css"/>
	</head>
	<body>
		<div id="container">
			<header>
				<div class="wrapper">
				
					<div id="logo">
						<h1>Feather</h1>
						<p>floating on air</p>
					</div>
					<nav>
						<ul class="sf-menu">
							<li><a>Home</a></li>
							<li class="current">
								<a>About Us</a>
								<ul>
									<li><a>Home</a></li>
									<li class="current">
										<a>About Us</a>
										<ul>
											<li><a>Home</a></li>
											<li class="current">
												<a>About Us</a>
												<ul>
													<li><a>Home</a></li>
													<li><a>About Us</a></li>
													<li><a>Porfolio</a></li>
													<li><a>Blog</a></li>
													<li><a>Contact</a></li>
												</ul>
											</li>
											<li><a>Porfolio</a></li>
											<li><a>Blog</a></li>
											<li><a>Contact</a></li>
										</ul>
									</li>
									<li><a>Porfolio</a></li>
									<li><a>Blog</a></li>
									<li><a>Contact</a></li>
								</ul>
							</li>
							
							<li><a>Porfolio</a></li>
							<li><a>Blog</a></li>
							<li>
								<a>Contact</a>
								<ul>
									<li><a>Home</a></li>
									<li><a>About Us</a></li>
									<li><a>Porfolio</a></li>
									<li><a>Blog</a></li>
									<li><a>Contact</a></li>
								</ul>
							</li>
							<li><a>Testimonials</a></li>
							<li>
								<img src="images/socialnet-icon.png" />
							</li>
						</ul>
					</nav>						
					<div class="clearfix"></div>

					<div class="post-title">
						<h2>Post Title Goes Here</h2>
						<p>Posted by Admin on March 13, 2011 in Some Category | 30 Comments</p>
					</div>
				</div>
			</header>
			
			<div id="main-content">
				<div class="wrapper index">
					<div id="left-column">
						<div id="post-detail">
							<img src="images/post-thubnail.png" />
							<p>Duis ligula massa, consectetur a tincidunt pulvinar, vestibulum at ante. Nunc luctus porta mi a estib ulum. Etiam sem nisl, auctor sit. amet molestie sed, pharetra a purus. Fusce massa dolor, facilisis eu sagittis elementum, porttitor id nisi. Duis vel ipsum neque. Donec facilisis rutrum tristique. Ut lectus quam, condimentum a feugiat et, hendrerit ut urna. Vivamus semper sapien vitae mauris mattis imperdiet. Integer aliquet mattis ultrices. Donec mi lectus, suscipit sed sodales nec, dapibus sit amet magna. Sed odio lectus, molestie in consectetur tempor, sodales id eros. Donec id libero ac odio scelerisque tristique in vitae mauris. Fusce vitae porttitor odio. Morbi pulvinar suscipit tortor non dignissim. Aliquam ultrices eleifend nunc dapibus congue. Cum Duis ligula massa, consectetur a tincidunt pulvinar, vestibulum at ante. Nunc luctus porta mi a estib ulum. Etiam sem nisl, auctor sit. amet molestie sed, pharetra a purus. Fusce massa dolor, facilisis eu sagittis elementum, porttitor id nisi. Duis vel ipsum neque. Donec facilisis rutrum tristique. Ut lectus quam, condimentum a feugiat et, hendrerit ut urna. Vivamus semper sapien vitae mauris mattis imperdiet. Integer aliquet mattis ultrices. Donec mi lectus, suscipit sed sodales nec, dapibus sit amet magna. Sed odio lectus, molestie in consectetur tempor, sodales id eros. Donec id libero ac odio scelerisque tristique in vitae mauris. Fusce vitae porttitor odio. Morbi pulvinar suscipit tortor non dignissim. Aliquam ultrices eleifend nunc dapibus congue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce dignissim commodo magna. Etiam ac sodales nunc. Maecenas tempor, nisl in vehicula pretium, neque nibh tincidunt libero, a feugiat massa lectus ornare leo. Donec gravida gravida diam, ut ornare velit tincidunt eu.</p>
						</div> <!--post-detail-->
						
						<div id="comment">
							<h2>30 Comments</h2>
							<p class="description">Join the conversation and post a comment.</p>
							<ul class="comment-list">
								<li class="a-comment first-comment">
									<div class="inner-comment">
										<img src="images/comment-thumbnail.png" />
										<div class="comment-content">
											<h3>NICK ROACH</h3>
											<p class="date">March 31, 2010 at 5:00 pm</p>
											<p>Duis ligula massa, consectetur a tincidunt pulvinar, vestibulum at ante. Nunc luctus porta mi a estib ulum. Etiam sem nisl, auctor sit. amet molestie sed, pharetra a purus. Fusce massa dolor, facilisis eu sagittis elementum, porttitor id nisi. Duis vel ipsum neque. Donec facilisis rutrum tristique. Ut lectus quam, condimentum a feugiat et, hendrerit ut urna. Vivamus semper sapien vitae mauris mattis imperdiet.</p>
											<h4>Reply</h4>	
										</div> <!--comment-content-->
										<div class="clearfix"></div>
									</div> <!--inner-comment-->
									
									<ul class="comment-list">
										<li class="a-comment">
											<div class="inner-comment">
												<img src="images/comment-thumbnail.png" />
												<div class="comment-content">
													<h3>NICK ROACH</h3>
													<p class="date">March 31, 2010 at 5:00 pm</p>
													<p>Duis ligula massa, consectetur a tincidunt pulvinar, vestibulum at ante. Nunc luctus porta mi a estib ulum. Etiam sem nisl, auctor sit. amet molestie sed, pharetra a purus. Fusce massa dolor, facilisis eu sagittis elementum, porttitor id nisi. Duis vel ipsum neque. Donec facilisis rutrum tristique. Ut lectus quam, condimentum a feugiat et, hendrerit ut urna. Vivamus semper sapien vitae mauris mattis imperdiet.</p>
													<h4>Reply</h4>	
												</div> <!--comment-content-->
												<div class="clearfix"></div>
											</div> <!--inner-comment-->
											
											
											<ul class="comment-list">
										<li class="a-comment">
											<div class="inner-comment">
												<img src="images/comment-thumbnail.png" />
												<div class="comment-content">
													<h3>NICK ROACH</h3>
													<p class="date">March 31, 2010 at 5:00 pm</p>
													<p>Duis ligula massa, consectetur a tincidunt pulvinar, vestibulum at ante. Nunc luctus porta mi a estib ulum. Etiam sem nisl, auctor sit. amet molestie sed, pharetra a purus. Fusce massa dolor, facilisis eu sagittis elementum, porttitor id nisi. Duis vel ipsum neque. Donec facilisis rutrum tristique. Ut lectus quam, condimentum a feugiat et, hendrerit ut urna. Vivamus semper sapien vitae mauris mattis imperdiet.</p>
													<h4>Reply</h4>	
												</div> <!--comment-content-->
												<div class="clearfix"></div>
											</div> <!--inner-comment-->
										</li> <!--a-comment-->
										<li class="a-comment">
											<div class="inner-comment">
												<img src="images/comment-thumbnail.png" />
												<div class="comment-content">
													<h3>NICK ROACH</h3>
													<p class="date">March 31, 2010 at 5:00 pm</p>
													<p>Duis ligula massa, consectetur a tincidunt pulvinar, vestibulum at ante. Nunc luctus porta mi a estib ulum. Etiam sem nisl, auctor sit. amet molestie sed, pharetra a purus. Fusce massa dolor, facilisis eu sagittis elementum, porttitor id nisi. Duis vel ipsum neque. Donec facilisis rutrum tristique. Ut lectus quam, condimentum a feugiat et, hendrerit ut urna. Vivamus semper sapien vitae mauris mattis imperdiet.</p>
													<h4>Reply</h4>	
												</div> <!--comment-content-->
												<div class="clearfix"></div>
											</div> <!--inner-comment-->
										</li> <!--a-comment-->
									</ul>	
											
										</li> <!--a-comment-->
										<li class="a-comment">
											<div class="inner-comment">
												<img src="images/comment-thumbnail.png" />
												<div class="comment-content">
													<h3>NICK ROACH</h3>
													<p class="date">March 31, 2010 at 5:00 pm</p>
													<p>Duis ligula massa, consectetur a tincidunt pulvinar, vestibulum at ante. Nunc luctus porta mi a estib ulum. Etiam sem nisl, auctor sit. amet molestie sed, pharetra a purus. Fusce massa dolor, facilisis eu sagittis elementum, porttitor id nisi. Duis vel ipsum neque. Donec facilisis rutrum tristique. Ut lectus quam, condimentum a feugiat et, hendrerit ut urna. Vivamus semper sapien vitae mauris mattis imperdiet.</p>
													<h4>Reply</h4>	
												</div> <!--comment-content-->
												<div class="clearfix"></div>
											</div> <!--inner-comment-->
										</li> <!--a-comment-->
									</ul>
									
								</li> <!--a-comment-->
							</ul>
						</div> <!--comment-->
						
						<div id="leave-comment">
							<h2>Leave a Comment</h2><br>
							<form>
								<input type="text" value="Name ..." size="70"><br>
								<input type="text" value="Email ...." size="70"><br>
								<textarea placeholder="Your message" cols="70" rows="4"></textarea><br>
								<input type="submit" value="Submit Comment"><br>
							</form>
						</div>
					
						
						
					</div> <!--left-column-->
					<aside id="right-column">
						<div class="a-sidebar">
							<form class="searchform" name="input" action="#" method="get">
								<input type="text" name="keyword" size="30" value="Search this site">
								<input type="submit" value="Submit">
							</form> 
						</div>
						<div class="a-sidebar">
							<h3>SOMETHING GOES HERE</h3>
							<ul>
								<li><a href="#">Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
							</ul>
						</div>
						<div class="a-sidebar">
							<h3>SOMETHING GOES HERE</h3>
							<ul>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
							</ul>
						</div>
						<div class="a-sidebar">
							<h3>SOMETHING GOES HERE</h3>
							<ul>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
								<li>Duis ligula massa, consectetur a tincidunt</li>
							</ul>
						</div>
					</aside>
					
					<div class="clearfix"></div>
					
				</div> <!--wrapper-->
			</div> <!--main-content-->
			
			<footer>
				<div class="wrapper">
					<div class="col">
						<h4>SOMETHING GOES HERE</h4>
						<p>Duis ligula massa, consectetur a tincidunt pulvinar, vestibulum at ante. Nunc luctus porta mi a estib ulum. Etiam sem nisl, auctor sit. amet molestie sed, pharetra a purus. Fusce massa dolor, facilisis eu sagittis elementum, porttitor id nisi. Duis vel ipsum neque. Donec facilisis rutrum tristique. Ut lectus quam, condimentum a feugiat et, hendrerit ut urna. Vivamus</p>
					</div>
					<div class="col">
						<h4>SOMETHING GOES HERE</h4>
						<ul>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
						</ul>
					</div>
					<div class="col">
						<h4>SOMETHING GOES HERE</h4>
						<ul>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
							<li><a href="#">Duis ligula massa, consectetur a tincidunt</a></li>
						</ul>
					</div>
					<div class="clearfix"></div>
					<hr>
					<nav>
						<ul>
							<li><a href="#">Home</a></li>        
							<li><a href="#">About Us</a></li>        
							<li><a href="#">Portfolio</a></li>
							<li><a href="#">Blog</a></li>        
							<li><a href="#">Contact</a></li>     
							<li><a href="#">Testimonials</a></li>
						</ul>
					</nav>
					<div id="copyright">Designed by <a href="#">Elegant Themes</a> | Powered by <a href="#">WordPress</a></div>
				</div>
			</footer>
		</div>
		
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.flexslider.js"></script>
		<script type="text/javascript" src="js/superfish.js"></script>
		<script type="text/javascript" src="js/hoverIntent.js"></script>
		<script type="text/javascript" src="js/util.js"></script>
		
		
	
	</body>
</html>